<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/bass.css" />
		<link rel="stylesheet" href="css/wzy-personal.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<meta name="x5-orientation" content="portrait | landscape" />
		<meta name="screen-orientation" content="portrait">
		<meta name="x5-fullscreen" content="true" />
		<meta name="full-screen" content="yes">
		<meta name="format-detection" content="telephone=no, email=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="js/rem.js"></script>
	</head>
	<body>
		<div class="wzy-top">
			<div class="wzy-personal-top-content">
				<div style="width: 10%;height:0.88rem;float: left;"></div>
				<div class="wzy-personal-top-left">
					<h2>个人中心</h2>
					<p>PERSONAL CENTER</p>
					<div class="wzy-personal-top-line"></div>
				</div>
				<div class="wzy-personal-top-right">
					<a href="">
						<img src="img/wzy-personal-top-setting.png"/>
					</a>
				</div>
			</div>
		</div>
		<div class="wzy-personal">
			<div class="wzy-personal-top-content">
				<div style="width: 10%;height:0.88rem;float: left;"></div>
			</div>
			<div class="wzy-personal-middle">
				<div class="wzy-personal-middle-top">
					<a href="">
						<div class="right">
							<img src="img/wzy-personal-middle-top-img.png"/>
							<img src="img/wzy-personal-middle-top-img1.png"/>
						</div>
					</a>
					<div class="left">
						<h2>家甜恬</h2>
						<h5>HOME TIAN TIAN</h5>
						<p>不要让一些无关紧要的人伤到自己</p>
						<div class="star">
							<img src="img/wzy-personal-middle-top-star.png"/>
							<img src="img/wzy-personal-middle-top-star.png"/>
							<img src="img/wzy-personal-middle-top-star.png"/>
							<img src="img/wzy-personal-middle-top-star.png"/>
							<img src="img/wzy-personal-middle-top-star.png"/>
						</div>
					</div>
				</div>
				<div class="wzy-personal-middle-center">
					<div class="wzy-personal-middle-center-kuai">
						<a href="">
							<div class="left">
								<div class="left">
									<img src="img/wzy-personal-middle-center-tupian.png"/>
								</div>
								<div class="right">
									<p>关注</p>
									<p>223</p>
								</div>
							</div>
						</a>
						<a href="">
							<div class="middle">
								<div class="left">
									<img src="img/wzy-personal-middle-center-tupian2.png"/>
								</div>
								<div class="right">
									<p>动态</p>
									<p>120</p>
								</div>
							</div>
						</a>
						<a href="">
							<div class="right">
								<div class="left">
									<img src="img/wzy-personal-middle-center-tupian2.png"/>
								</div>
								<div class="right">
									<p>好友</p>
									<p>340</p>
								</div>
							</div>
						</a>
					</div>
					<div class="wzy-personal-information">
						<ul>
							<li>
								<a href="">
									<div class="picture">
										<img src="img/information1.png"/>
									</div>
									<span>我的积分</span>
									<span class="thin">My Points</span>
									<i class="iconfont icon-taobaozhongchou4qizuoyoujiantou1"></i>
								</a>
							</li>
							<li>
								<a href="">
									<div class="picture">
										<img src="img/information2.png"style="width: 0.32rem;"/>
									</div>
									<span>运动记录</span>
									<span class="thin">Motion Record</span>
									<i class="iconfont icon-taobaozhongchou4qizuoyoujiantou1"></i>
								</a>
							</li>
							<li>
								<a href="">
									<div class="picture">
										<img src="img/information3.png"style="width: 0.32rem;"/>
									</div>
									<span>运动团队</span>
									<span class="thin">Sport Team</span>
									<i class="iconfont icon-taobaozhongchou4qizuoyoujiantou1"></i>
								</a>
							</li>
							<li>
								<a href="">
									<div class="picture">
										<img src="img/information4.png"style="width: 0.32rem;"/>
									</div>
									<span>我的计划</span>
									<span class="thin">Motion Record</span>
									<i class="iconfont icon-taobaozhongchou4qizuoyoujiantou1"></i>
								</a>
							</li>
							<li>
								<a href="">
									<div class="picture">
										<img src="img/information5.png"style="width: 0.32rem;"/>
									</div>
									<span>个人信息</span>
									<span class="thin">Motion Record</span>
									<i class="iconfont icon-taobaozhongchou4qizuoyoujiantou1"></i>
								</a>
							</li>
						</ul>
					</div>
					<div class="wzy-personal-store">
						<a href="">
							<div class="top">
								<img src="img/wzy-personal-store.png"/>
							</div>
							<div class="zhong">
								<p>个人收藏</p>
								<p>
									<span>personal</span>
									collection
								</p>
							</div>
							<div class="bottom">
								<i class="iconfont icon-hulve"></i>
							</div>
						</a>	
					</div>
					<div class="wzy-rerson-bottom-pictures">
						<div class="left">
							<a href="">
								<img src="img/wzy-personal-pictures1.png"/>
							</a>
						</div>
						<div class="bottom">
							<a href="">
								<img src="img/wzy-personal-pictures2.png"/>
							</a>
						</div>
						<div class="right">
							<a href="">
								<img src="img/wzy-personal-pictures3.png"/>
							</a>
						</div>
					</div>
					<div class="wzy-personal-botton-nav">
						<ul>
							<li>
								<a href="">
									 <img src="img/wzy-personal-bottom-nav1.png"/>
								</a>
							</li>
							<li>
								<a href="">
									 <img src="img/wzy-personal-bottom-nav2.png"/>
								</a>
							</li>
							<li>
								<img src="img/wzy-personal-bottom-4.png"/>
								<a href="">
									 <img src="img/wzy-personal-bottom-nav3.png"/>
								</a>
							</li>
						</ul>
					</div>
				</div>		
			</div>
		</div>
	</body>
</html>
